<style scoped lang="less">
</style>
<template>
  <div>
    <div>
      <p>
        <span>学号：</span>
        <span>
          <Tag color="geekblue">{{roomInfo.userInfo.no}}</Tag>
        </span>
      </p>
      <p>
        <span>姓名：</span>
        <span>
          <Tag color="blue">{{roomInfo.userInfo.name}}</Tag>
        </span>
      </p>
      <p>
        <span>角色：</span>
        <span>
          <Tag color="purple">{{roomInfo.userInfo.roleName}}</Tag>
        </span>
      </p>
      <p>
        <span>性别：</span>
        <span>
          <Tag color="lime">{{roomInfo.userInfo.sex === 0 ?'男':'女'}}</Tag>
        </span>
      </p>
    </div>
  </div>
</template>
<script>
import Vue from 'vue'
export default {
  data () {
    return {}
  },
  props: ['roomInfo'],

  methods: {}
}
</script>
